<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>用户转账</title>
    <link rel="stylesheet" th:href="@{/lib/layui-v2.6.3/css/layui.css}" href="../../static/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" th:href="@{/css/public.css}" href="../../static/css/public.css" media="all">
    <style>
        body {
            margin: 0;
            padding: 0;
            /*background: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);*/
        }

        .box {
            width: 320px;
            min-height: 100px;
            background-color: #ffffff;
            border-radius: 15px;
            box-shadow: 1px 1px 20px 1px #ceceff;
            margin: 200px auto;
            padding: 20px;
        }

        .title {
            font-size: 18px;
            font-weight: 700;
            border-bottom: #276ace 3px solid;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
        }

        #close a {
            color: #000;
            text-decoration: none;
        }

        .inputGroup div {
            display: flex;
            margin-bottom: 20px;
        }

        .inputGroup div label {
            flex: 1;

        }

        .inputGroup div input {
            flex: 3;
            border-radius: 15px;
            border: 1px solid #999999;
            outline: none;
            padding: 6px 10px;

        }

        button {
            width: 100%;
            height: 30px;
            border: #276ace;
            border-radius: 15px;
            color: #ffffff;
            font-size: 18px;
            background: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
        }
    </style>

</head>
<body>
<div class="box" id="box_windows">
    <div class="title">用户转账
    </div>
    <form class="layui-form" action="">
            <div class="layui-form-item">
                <label for="money" class="layui-form-label">转账金额：</label>
                <div class="layui-input-block">
                    <input id="money" type="text" name="money" class="layui-input" lay-verify="required" required/>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="password" class="layui-form-label">支付密码：</label>
                <div class="layui-input-block">
                    <input id="password" type="password" name="password" class="layui-input" lay-verify="required" required/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">付款方式</label>
                <div class="layui-input-block">
                    <select name="wey" lay-verify="required" lay-filter="wey" id="wey">
                        <option value=true>账户</option>
                        <option value=false>银行卡</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-hide" id="card">
                <label class="layui-form-label">银行卡号</label>
                <div class="layui-input-block">
                    <select name="payerCard" lay-verify="required" lay-filter="payerCard" id="payerCard"> 
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">收款人姓名：</label>
                <div class="layui-input-block">
                    <input id="name" type="text" name="name" class="layui-input" lay-verify="required" required/>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="account" class="layui-form-label">收款账户：</label>
                <div class="layui-input-block">
                    <input id="account" type="number" name="account" class="layui-input" lay-verify="required" required/>
                </div>
            </div>
        
            <div class="layui-form-item">
                <button type="button" lay-submit lay-filter="submit">转 账</button>
            </div>
    </form>
</div>
<script th:src="@{/lib/layui-v2.6.3/layui.js}" src="../../static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script th:src="@{/js/lay-config.js?v=1.0.4}" src="../../static/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script th:src="@{/js/transfer.js}" src="../../static/js/transfer.js"></script>
</body>
</html>

